<template>
  <div class="wrapper">
    <PaperHeader class="header"></PaperHeader>
    <main>
      <ul>
        <li v-for="i in 100" :key="i">
          <PaperQuestionItem></PaperQuestionItem>
        </li>
      </ul>
      <button>提交</button>
    </main>
    <aside class="tiktok">已选:10 未选120 剩余时间:119分59秒</aside>
  </div>
</template>

<script lang="ts">
import PaperHeader from "@/components/PaperHeader.vue";
import PaperQuestionItem from "@/components/PaperQuestionItem.vue";
export default {
  components: {
    PaperHeader,
    PaperQuestionItem,
  },
};
</script>

<style lang="scss" scoped>
.wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  main {
    height: calc(100% - 36px - 2em);
    margin: 36px 8% 2em 12%;
    overflow-y: auto;
    button {
      margin: 20px 0 20px 0;
      width: 100%;
    }
  }
  aside {
    position: fixed;
    right: 8%;
    bottom: 0.5em;
  }
}
</style>